<template>
  <div class="frsbc cff big-coupon">
    <div class="left">
      <div class="frbc money-container">
        <span class="f28">￥</span>
        <span class="money">10</span>
      </div>
      <p class="f24 use">满100使用</p>
      <p class="f24 valiable">有效期2018.09.12-2019.01.03</p>
    </div>
    <div class="f32 tc cff right">
      立即领券
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="stylus" scoped>
.big-coupon
  margin-top .20rem
  background transparent url('~@/common/image/coupon-bg.png') no-repeat center center
  background-size cover
.left
  flex-grow 1
  padding-left .20rem
.money-container
  margin-bottom .40rem
  height .54rem
  line-height .54rem
.money
  height .54rem
  line-height .54rem
  font-size .54rem
.use
  margin-bottom .20rem
.right
  flex-shrink 0
  width 2.00rem
  height 2.00rem
  line-height 2.00rem
  border-left 1px dashed #FFF
</style>
